<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, shrink-to-fit=no">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/static/css/reset.css}">
    <link rel="stylesheet" th:href="@{/static/node_modules/bootstrap/dist/css/bootstrap.min.css}">
    <!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
    <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->

    <link rel="stylesheet" th:href="@{/static/css/index.css}">
</head>
<body>
    <div class="header">
        <div class="header_inner">
            <div class="logo">
                <a href="#">
                    <span class="logo_icon"></span>
                </a>
            </div>
            <div class="global_nav_wrap">
                <nav class="global_nav">
                    <ul>
                        <li class="nav_item click"><a href="#">首页</a></li>
                        <li class="nav_item"><a href="#">职位搜索</a></li>
                        <li class="nav_item"><a href="#">公司</a></li>
                        <li class="nav_item"><a href="#">职场咨询</a></li>
                        <li class="nav_item"><a href="#">校园招聘</a></li>
                    </ul>
                </nav>
            </div>
            <div class="search_input_wrap">
                <div id="login_action" th:if="${session.users} == null" class="search_icon">
                    <svg t="1567413402366" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1877" width="20" height="20"><path d="M30.117647 1024l175.224471-327.951059 131.433411-54.543059 87.612236-163.990588h175.22447l87.612236 163.990588 131.433411 54.66353L993.882353 1024z" fill="#515151" p-id="1878"></path><path d="M752.941176 301.176471l-30.117647 90.352941h-30.117647l-30.117647 90.352941-120.470588 90.352941h-60.235294l-120.470588-90.352941-30.117647-90.352941H301.176471l-30.117647-90.352941h60.235294L301.176471 120.470588l210.823529-120.470588 210.823529 120.470588-30.117647 180.705883z" fill="#515151" p-id="1879"></path></svg>
                    登录
                </div>
                <th:block th:if="${session.type==1}" th:class="search_icon">
                    <a style="display: table-cell;font-weight: 800;padding: 0 22px;" href="/stu/main">
                        <svg t="1567692490456" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12984" width="36" height="36"><path d="M1023.953953 861.981769c0 89.474725-72.539413 162.017208-162.006975 162.017208H162.028465c-89.467562 0-162.006975-72.543506-162.006976-162.017208V162.018231c0-89.474725 72.539413-162.018231 162.006976-162.018231h699.919536c89.467562 0 162.006975 72.54453 162.006975 162.018231v699.963538z" fill="#707070" p-id="12985" data-spm-anchor-id="a313x.7781069.0.i8" class="selected"></path><path d="M513.011003 182.178926c-185.819763 0-337.000418 151.179632-337.000418 336.945161 0 66.424282 19.175275 130.209521 55.589776 185.345983l-22.643176 84.341944c-2.622671 9.671035 0.163725 19.99697 7.212089 27.045334a28.011312 28.011312 0 0 0 19.779011 8.195463c2.403689 0 4.862634-0.32745 7.212089-0.92914l84.47804-22.619641c55.083252 36.404268 118.861327 55.620474 185.373612 55.620475 185.819763 0 337.000418-151.179632 337.000418-337.000418-0.001023-185.764505-151.181678-336.94516-337.001441-336.945161zM340.778374 547.91207c0-17.193178 13.912537-31.105716 31.105716-31.105716 17.194202 0 31.105716 13.911514 31.105716 31.105716 0 60.690835 49.330362 110.021197 110.021197 110.021197 60.691858 0 110.02222-49.330362 110.02222-110.021197 0-17.193178 13.912537-31.105716 31.105716-31.105716 17.194202 0 31.105716 13.911514 31.105716 31.105716 0 94.955421-77.277207 172.232629-172.232629 172.232628-94.956445 0-172.233652-77.277207-172.233652-172.232628z m5.009987-113.384724c0-30.193972 24.450292-54.640171 54.626868-54.640171 30.169413 0 54.633008 24.446199 54.633008 54.640171 0 30.176576-24.463595 54.629938-54.633008 54.629938-30.176576 0-54.626868-24.453362-54.626868-54.629938z m228.23888 0c0-30.193972 24.473827-54.640171 54.644264-54.640171 30.176576 0 54.629938 24.446199 54.629938 54.640171 0 30.176576-24.453362 54.629938-54.629938 54.629938-30.170436 0-54.644264-24.453362-54.644264-54.629938zM287.158415 713.154661a297.049455 297.049455 0 0 0 31.232603 31.877271l-42.832524 11.490429 11.599921-43.3677z" fill="#FFFFFF" p-id="12986"></path></svg>
                        管理中心
                    </a>
                    <div style="display: table-cell;font-weight: 800;vertical-align: middle;" th:if="${session.users} != null" th:text="'欢迎你,'+${session.users.getStuName()}" class="search_icon">
                    </div>
                    <a href="/loginout" style="display: table-cell;">注销</a>
                    <input class="users_info" type="hidden" name="userId" th:value="${session.users.getStuId()}">
                </th:block>
                <th:block th:if="${session.type==2}">
                    <a style="display: table-cell;font-weight: 800;padding: 0 22px;" th:href="@{/com/index}">
                        <svg t="1567692490456" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12984" width="36" height="36"><path d="M1023.953953 861.981769c0 89.474725-72.539413 162.017208-162.006975 162.017208H162.028465c-89.467562 0-162.006975-72.543506-162.006976-162.017208V162.018231c0-89.474725 72.539413-162.018231 162.006976-162.018231h699.919536c89.467562 0 162.006975 72.54453 162.006975 162.018231v699.963538z" fill="#707070" p-id="12985" data-spm-anchor-id="a313x.7781069.0.i8" class="selected"></path><path d="M513.011003 182.178926c-185.819763 0-337.000418 151.179632-337.000418 336.945161 0 66.424282 19.175275 130.209521 55.589776 185.345983l-22.643176 84.341944c-2.622671 9.671035 0.163725 19.99697 7.212089 27.045334a28.011312 28.011312 0 0 0 19.779011 8.195463c2.403689 0 4.862634-0.32745 7.212089-0.92914l84.47804-22.619641c55.083252 36.404268 118.861327 55.620474 185.373612 55.620475 185.819763 0 337.000418-151.179632 337.000418-337.000418-0.001023-185.764505-151.181678-336.94516-337.001441-336.945161zM340.778374 547.91207c0-17.193178 13.912537-31.105716 31.105716-31.105716 17.194202 0 31.105716 13.911514 31.105716 31.105716 0 60.690835 49.330362 110.021197 110.021197 110.021197 60.691858 0 110.02222-49.330362 110.02222-110.021197 0-17.193178 13.912537-31.105716 31.105716-31.105716 17.194202 0 31.105716 13.911514 31.105716 31.105716 0 94.955421-77.277207 172.232629-172.232629 172.232628-94.956445 0-172.233652-77.277207-172.233652-172.232628z m5.009987-113.384724c0-30.193972 24.450292-54.640171 54.626868-54.640171 30.169413 0 54.633008 24.446199 54.633008 54.640171 0 30.176576-24.463595 54.629938-54.633008 54.629938-30.176576 0-54.626868-24.453362-54.626868-54.629938z m228.23888 0c0-30.193972 24.473827-54.640171 54.644264-54.640171 30.176576 0 54.629938 24.446199 54.629938 54.640171 0 30.176576-24.453362 54.629938-54.629938 54.629938-30.170436 0-54.644264-24.453362-54.644264-54.629938zM287.158415 713.154661a297.049455 297.049455 0 0 0 31.232603 31.877271l-42.832524 11.490429 11.599921-43.3677z" fill="#FFFFFF" p-id="12986"></path></svg>
                        管理中心
                    </a>
                    <div style="display: table-cell;font-weight: 800;vertical-align: middle;" th:if="${session.users} != null" th:text="'欢迎你,'+${session.users.getComName()}" class="search_icon">
                    </div>
                    <a href="/loginout" style="display: table-cell;">注销</a>
                </th:block>
                <th:block th:if="${session.type==3}">
                    <a style="display: table-cell;font-weight: 800;padding: 0 22px;" href="/company/admin">
                        <svg t="1567692490456" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12984" width="36" height="36"><path d="M1023.953953 861.981769c0 89.474725-72.539413 162.017208-162.006975 162.017208H162.028465c-89.467562 0-162.006975-72.543506-162.006976-162.017208V162.018231c0-89.474725 72.539413-162.018231 162.006976-162.018231h699.919536c89.467562 0 162.006975 72.54453 162.006975 162.018231v699.963538z" fill="#707070" p-id="12985" data-spm-anchor-id="a313x.7781069.0.i8" class="selected"></path><path d="M513.011003 182.178926c-185.819763 0-337.000418 151.179632-337.000418 336.945161 0 66.424282 19.175275 130.209521 55.589776 185.345983l-22.643176 84.341944c-2.622671 9.671035 0.163725 19.99697 7.212089 27.045334a28.011312 28.011312 0 0 0 19.779011 8.195463c2.403689 0 4.862634-0.32745 7.212089-0.92914l84.47804-22.619641c55.083252 36.404268 118.861327 55.620474 185.373612 55.620475 185.819763 0 337.000418-151.179632 337.000418-337.000418-0.001023-185.764505-151.181678-336.94516-337.001441-336.945161zM340.778374 547.91207c0-17.193178 13.912537-31.105716 31.105716-31.105716 17.194202 0 31.105716 13.911514 31.105716 31.105716 0 60.690835 49.330362 110.021197 110.021197 110.021197 60.691858 0 110.02222-49.330362 110.02222-110.021197 0-17.193178 13.912537-31.105716 31.105716-31.105716 17.194202 0 31.105716 13.911514 31.105716 31.105716 0 94.955421-77.277207 172.232629-172.232629 172.232628-94.956445 0-172.233652-77.277207-172.233652-172.232628z m5.009987-113.384724c0-30.193972 24.450292-54.640171 54.626868-54.640171 30.169413 0 54.633008 24.446199 54.633008 54.640171 0 30.176576-24.463595 54.629938-54.633008 54.629938-30.176576 0-54.626868-24.453362-54.626868-54.629938z m228.23888 0c0-30.193972 24.473827-54.640171 54.644264-54.640171 30.176576 0 54.629938 24.446199 54.629938 54.640171 0 30.176576-24.453362 54.629938-54.629938 54.629938-30.170436 0-54.644264-24.453362-54.644264-54.629938zM287.158415 713.154661a297.049455 297.049455 0 0 0 31.232603 31.877271l-42.832524 11.490429 11.599921-43.3677z" fill="#FFFFFF" p-id="12986"></path></svg>
                        管理中心
                    </a>
                    <div style="display: table-cell;font-weight: 800;vertical-align: middle;" th:if="${session.users} != null" th:text="'欢迎你,'+${session.users.getAccount()}" class="search_icon">
                    </div>
                    <a href="/loginout" style="display: table-cell;">注销</a>
                </th:block>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="row no-gutters">
            <div class="col col-12">
                <div class="layout_page_content">
                    <div class="layout_container">
                        <div class="box_content">
                            <div class="box_top_content">
                                <div class="search_area_container">
                                    <div class="search_area_inner">
                                        <div class="search_area_inner_content">
                                            <h1 class="text_title">
                                                <div>
                                                    工作是，
                                                    <span class="typed-text"></span>
                                                    <span class="cursor">&nbsp;</span>
                                                </div>
                                            </h1>
                                            <div class="box_search">
                                                <div class="box_search_inner">
                                                    <div>
                                                        <form action="/jobSearch" method="get">
                                                            <div class="select">
                                                                <input id="select-kind-value" type="hidden" name="list-type" value="全文">
                                                                <div class="select-control">
                                                                    <select style="display: none">
                                                                        <option value="0">全文</option>
                                                                        <option value="1">公司</option>
                                                                    </select>
                                                                    <!--<select>-->
                                                                        <!--<option class="select-value">-->
                                                                            <!--<span>全文</span>-->
                                                                        <!--</option>-->
                                                                        <!--<option class="select-value">-->
                                                                            <!--<span>全文</span>-->
                                                                        <!--</option>-->
                                                                    <!--</select>-->
                                                                    <span class="select-multi-value-wrapper">
                                                                        <div class="select-value">
                                                                            <span>全文</span>
                                                                        </div>
                                                                    </span>
                                                                    <span class="select-arrow-down">
                                                                        <svg viewBox="0 0 16 9" width="15" height="9"><path fill="#717375" d="M8 9a.835.835 0 0 1-.596-.251L.247 1.465a.869.869 0 0 1 0-1.214.833.833 0 0 1 1.192 0L8 6.928 14.56.251a.833.833 0 0 1 1.193 0c.33.336.33.879 0 1.214L8.596 8.748A.833.833 0 0 1 8 9z"></path></svg>
                                                                    </span>
                                                                    <!--<div class="select-items" style="display: none">-->
                                                                        <!--<div>全文</div>-->
                                                                        <!--<div>公司</div>-->
                                                                    <!--</div>-->
                                                                </div>

                                                            </div>
                                                            <div class="input_sc_wrap">
                                                                <div class="inputQuery-sc inputQuery-sc-job">
                                                                    <input type="text" placeholder="搜索工作" id="search-input-job" name="jobName">
                                                                </div>
                                                            </div>
                                                            <div class="input_sc_wrap">
                                                                <div class="inputQuery-sc inputQuery-sc-address">
                                                                    <svg viewBox="0 0 15 21" width="15" height="21" class="address-svg"><path d="M7.5 1C3.896 1 1 3.985 1 7.703 1 11.42 7.5 20.5 7.5 20.5S14 11.42 14 7.703C14 3.985 11.104 1 7.5 1zm0 9.75c-1.654 0-2.955-1.34-2.955-3.048 0-1.706 1.3-3.047 2.955-3.047 1.654 0 2.955 1.34 2.955 3.047S9.155 10.75 7.5 10.75z" stroke="#717375" fill="none"></path></svg>
                                                                    <input type="text" placeholder="搜索地点" id="search-input-address" name="address">
                                                                </div>
                                                            </div>
                                                            <button class="sc_btn">
                                                                <div>
                                                                    <svg viewBox="0 0 16 16" class=""><path d="M12.521 11.187a6.95 6.95 0 0 0 1.432-4.219C13.953 3.122 10.828 0 6.977 0S0 3.122 0 6.968c0 3.847 3.126 6.969 6.977 6.969a6.97 6.97 0 0 0 4.223-1.43l3.219 3.214a.935.935 0 0 0 .65.279.903.903 0 0 0 .652-.279.92.92 0 0 0 0-1.32l-3.2-3.214zm-5.544.892a5.122 5.122 0 0 1-5.117-5.11 5.122 5.122 0 0 1 5.117-5.11 5.11 5.11 0 0 1 5.116 5.11c0 2.824-2.307 5.11-5.116 5.11z" fill="currentColor"></path></svg>
                                                                </div>
                                                            </button>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="box_hire_job">
                                                <a href="#" class="button_hiring_job">找工作? 投递简历</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="box_bottom_content">
                                <div class="search_page_container_result">
                                    <div class="box_top_result_info">
                                        <div class="listing_count">
                                            <div class="">
                                                <a href="/notice">
                                                    <span th:text="${session.noticeCount} + '条公告'">
                                                        "6922"
                                                        "xsxs"
                                                    </span>
                                                </a>
                                            </div>
                                            <div class="">
                                                <a href="/company">
                                                    <span th:text="${session.companyCount} + '家公司'">
                                                        "6922"
                                                        "xsxs"
                                                    </span>
                                                </a>
                                            </div>
                                            <div class="">
                                                <a href="/index">
                                                    <span>
                                                        所有岗位
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                        <hr class="line">
                                    </div>
                                    <div class="box_bottom_filter_info">
                                        <div th:if="${noticeInfos} != null" class="card_container">
                                            <div class="card_media">
                                                <img class="card_img" style="width: 100%" src="https://www.thebalancecareers.com/thmb/yguNaCu59AxfpGa4c_HgdgRrL3w=/375x250/filters:no_upscale():format(webp)/GettyImages-508626419-7fbc823bf67d4a62ab59f2e924f11845.jpg">
                                            </div>
                                            <div class="card_content">
                                                <div class="card_header"></div>
                                                <h4 class="card_title">
                                                    <span>
                                                        这里有最好的工作等着你，坐等好工作砸在你头上
                                                    </span>
                                                </h4>
                                            </div>
                                        </div>
                                        <div th:if="${noticeInfos} == null and ${companyInfos} == null">
                                            <div class="box_bottom_filter_info_inner">
                                                <h2 style="font-size: 1.5rem;">
                                                    筛选
                                                </h2>
                                                <div>
                                                    <form>
                                                        <div class="filter_item">
                                                        <div class="filter_item_inner">
                                                            <div class="inner_flex">
                                                                地点
                                                                <div class="svg_icon">
                                                                    <svg viewBox="0 0 16 9" width="9" height="9" class="Icon-paiscg-0 gDsdsa"><path fill="#717375" d="M8 9a.835.835 0 0 1-.596-.251L.247 1.465a.869.869 0 0 1 0-1.214.833.833 0 0 1 1.192 0L8 6.928 14.56.251a.833.833 0 0 1 1.193 0c.33.336.33.879 0 1.214L8.596 8.748A.833.833 0 0 1 8 9z"></path></svg>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="filter_action_wrap filter_address_wrap">
                                                            <input class="input_filter_address click_border" type="text" placeholder="输入地点">
                                                            <a style="display: inline-block;line-height: 40px;" class="filter_address_submit" href="#" data-value="">
                                                                <svg t="1567404155819" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1144" width="12" height="13"><path d="M82.62144 530.75968l302.93504 323.94752c9.2416 9.8816 26.98752 10.01984 36.20352 0 170.38336-185.25184 340.85376-370.51392 511.32416-555.76576l37.50912-40.76032c22.31296-24.24832-13.7984-60.54912-36.1984-36.20352-170.4704 185.25184-340.9408 370.51392-511.32416 555.76064l-37.51424 40.77056h36.20352c-100.98176-107.99104-201.9584-215.97184-302.93504-323.97312-22.59456-24.16128-58.72128 12.11904-36.20352 36.224z" p-id="1145"></path></svg>
                                                            </a>
                                                        </div>
                                                    </div>
                                                        <div class="filter_item">
                                                        <div class="filter_item_inner">
                                                            <div class="inner_flex">
                                                                学历
                                                                <div class="svg_icon">
                                                                    <svg viewBox="0 0 16 9" width="9" height="9" class="Icon-paiscg-0 gDsdsa"><path fill="#717375" d="M8 9a.835.835 0 0 1-.596-.251L.247 1.465a.869.869 0 0 1 0-1.214.833.833 0 0 1 1.192 0L8 6.928 14.56.251a.833.833 0 0 1 1.193 0c.33.336.33.879 0 1.214L8.596 8.748A.833.833 0 0 1 8 9z"></path></svg>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="filter_action_wrap filter_edu_wrap">
                                                            <div class="filter_edu_level_item">
                                                                <a class="label_edu_level_a filter_a_Action_edu" href="/jobFilter?edu=不限" data-value="不限">
                                                                    <input class="checkbox_level" type="checkbox">
                                                                    <div>不限</div>
                                                                </a>
                                                            </div>
                                                            <div class="filter_edu_level_item">
                                                                <a class="label_edu_level_a filter_a_Action_edu" href="/jobFilter?edu=大专" data-value="大专">
                                                                    <input class="checkbox_level" type="checkbox">
                                                                    <div>大专</div>
                                                                </a>
                                                            </div>
                                                            <div class="filter_edu_level_item">
                                                                <a class="label_edu_level_a filter_a_Action_edu" href="/jobFilter?edu=本科" data-value="本科">
                                                                    <input class="checkbox_level" type="checkbox">
                                                                    <div>本科</div>
                                                                </a>
                                                            </div>
                                                            <div class="filter_edu_level_item">
                                                                <a class="label_edu_level_a filter_a_Action_edu" href="/jobFilter?edu=硕士" data-value="硕士">
                                                                    <input class="checkbox_level" type="checkbox">
                                                                    <div>硕士</div>
                                                                </a>
                                                            </div>
                                                            <div class="filter_edu_level_item">
                                                                <a class="label_edu_level_a filter_a_Action_edu" href="/jobFilter?edu=博士" data-value="博士">
                                                                    <input class="checkbox_level" type="checkbox">
                                                                    <div>博士</div>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                        <div class="filter_item">
                                                        <div class="filter_item_inner">
                                                            <div class="inner_flex">
                                                                月薪
                                                                <div class="svg_icon">
                                                                    <svg viewBox="0 0 16 9" width="9" height="9" class="Icon-paiscg-0 gDsdsa"><path fill="#717375" d="M8 9a.835.835 0 0 1-.596-.251L.247 1.465a.869.869 0 0 1 0-1.214.833.833 0 0 1 1.192 0L8 6.928 14.56.251a.833.833 0 0 1 1.193 0c.33.336.33.879 0 1.214L8.596 8.748A.833.833 0 0 1 8 9z"></path></svg>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="filter_action_wrap filter_salary_wrap">
                                                            <ul id="filter_salary">
<!--                                                                <li data-value="不限"><a href="/jobFilter?salary=不限">不限</a></li>-->
                                                                <li data-value="1k-2k"><a class="filter_a_Action_sal" data-value="1k-2k" href="/jobFilter?salary=1k-2k">1k-2k</a></li>
                                                                <li data-value="2k-4k"><a class="filter_a_Action_sal" data-value="2k-4k" href="/jobFilter?salary=2k-4k">2k-4k</a></li>
                                                                <li data-value="4k-5k"><a class="filter_a_Action_sal" data-value="4k-5K" href="/jobFilter?salary=4k-5k">4k-5K</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                        <div th:if="${companyInfos} != null"class="box_bottom_filter_info_inner" style="background-image: url('/static/image/guy-jump.jpg');background-size: contain;width: 100%;height: 100%;background-repeat: no-repeat;">
                                        </div>
                                    </div>
                                    <div class="box_bottom_result_info">

                                        <div class="search_result" th:if="${jobInfos} != null" th:each="jobInfo : ${jobInfos}">
                                            <div class="search_result_inner">
                                                <div class="search_brief_info">
                                                    <div class="job_icon_wrap">
                                                        <svg viewBox="0 0 21 19" height="19" width="21"><path d="M19.989 4.814c0-.564-.457-1.024-1.02-1.024h-5.307V2.414a1.41 1.41 0 0 0-1.407-1.413L8.745 1c-.777 0-1.408.634-1.408 1.413V3.79H2.03c-.562 0-1.019.46-1.019 1.023L1 9.682c0 .158.09.302.231.371.216.105.44.203.662.3v6.623c0 .564.457 1.024 1.02 1.024h15.175c.561 0 1.019-.459 1.019-1.024v-6.723c.228-.107.455-.217.675-.333A.412.412 0 0 0 20 9.555l-.011-4.741zm-11.833-2.4a.59.59 0 0 1 .588-.59h3.51c.32 0 .588.27.588.59V3.79H8.156V2.414zm10.13 14.562c0 .106-.093.2-.2.2H2.913a.203.203 0 0 1-.2-.2v-6.299c1.783.658 3.774 1.052 5.946 1.173v.57a.75.75 0 0 0 .747.751h2.19a.75.75 0 0 0 .746-.75v-.577c2.2-.134 4.192-.551 5.946-1.242v6.374zm-8.81-4.627v-1.365h2.046v1.365H9.477zm2.865-1.332v-.104a.75.75 0 0 0-.747-.751h-2.19a.75.75 0 0 0-.746.75v.114c-2.565-.148-4.864-.684-6.838-1.604l.01-4.609c0-.108.091-.2.2-.2h16.94c.108 0 .2.091.2.201l.01 4.49c-1.926.975-4.227 1.548-6.838 1.713h0z" fill="#717375" stroke="#717375" stroke-width="0.25"></path></svg>
                                                        <span class="text_job">职业</span>
                                                    </div>
                                                    <h4 class="search_result_title">
                                                        <a th:href="'/job/'+${jobInfo.getJobId()}" class="msUser">
                                                            <span th:text="${jobInfo.getJobName()}">中高级java开发工程师</span>
                                                            |
                                                            <span th:text="${ jobInfo.getJobSalary() }">1k-2k</span>
                                                        </a>
                                                    </h4>
                                                    <div class="text_des">
                                                        <a href="#" class="text_des_a" th:text="${jobInfo.getJobWelfare()}">十四薪  六险一金  午餐晚餐</a>
                                                        |
                                                        <span th:text="${jobInfo.getJobAddress()}">北京·朝阳区</span>
                                                    </div>
                                                    <div class="text_ask">
                                                        <div>1天前发布</div>
                                                        |
                                                        <div th:text="'经验'+ ${jobInfo.getJobExp() + '年'}">经验5-10年</div>
                                                        |
                                                        <span th:text="${jobInfo.getJobEdu()}">本科</span>
                                                    </div>
                                                </div>
                                                <div class="search_action">
                                                    <div class="look_action">
                                                        <a href="#" th:href="'/job/'+${jobInfo.getJobId()}">瞅一瞅</a>
                                                    </div>
                                                    <hr class="hr_line">
                                                    <div>
                                                        <a href="#" class="save_action">
                                                            <svg id="heart_svg__heart_svg__Layer_1" x="0" y="0" viewBox="0 0 17 15" xml:space="preserve" class="Icon-paiscg-0 gIkIxB"><path d="M14.7 2.4C13.3 1 11 1 9.6 2.4L8.5 3.5 7.4 2.4C6 1 3.7 1 2.3 2.4s-1.4 3.7 0 5.1l6.2 6.2 6.2-6.2c1.4-1.4 1.4-3.7 0-5.1z" fill="none" stroke="#717375" stroke-width="0.536"></path></svg>
                                                            收藏
                                                            <input type="hidden" th:value="${jobInfo.getJobId()}">
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="search_result" th:if="${searchJobResults} != null" th:each="searchJobResult : ${searchJobResults}">
                                            <div class="search_result_inner">
                                                <div class="search_brief_info">
                                                    <div class="job_icon_wrap">
                                                        <svg viewBox="0 0 21 19" height="19" width="21"><path d="M19.989 4.814c0-.564-.457-1.024-1.02-1.024h-5.307V2.414a1.41 1.41 0 0 0-1.407-1.413L8.745 1c-.777 0-1.408.634-1.408 1.413V3.79H2.03c-.562 0-1.019.46-1.019 1.023L1 9.682c0 .158.09.302.231.371.216.105.44.203.662.3v6.623c0 .564.457 1.024 1.02 1.024h15.175c.561 0 1.019-.459 1.019-1.024v-6.723c.228-.107.455-.217.675-.333A.412.412 0 0 0 20 9.555l-.011-4.741zm-11.833-2.4a.59.59 0 0 1 .588-.59h3.51c.32 0 .588.27.588.59V3.79H8.156V2.414zm10.13 14.562c0 .106-.093.2-.2.2H2.913a.203.203 0 0 1-.2-.2v-6.299c1.783.658 3.774 1.052 5.946 1.173v.57a.75.75 0 0 0 .747.751h2.19a.75.75 0 0 0 .746-.75v-.577c2.2-.134 4.192-.551 5.946-1.242v6.374zm-8.81-4.627v-1.365h2.046v1.365H9.477zm2.865-1.332v-.104a.75.75 0 0 0-.747-.751h-2.19a.75.75 0 0 0-.746.75v.114c-2.565-.148-4.864-.684-6.838-1.604l.01-4.609c0-.108.091-.2.2-.2h16.94c.108 0 .2.091.2.201l.01 4.49c-1.926.975-4.227 1.548-6.838 1.713h0z" fill="#717375" stroke="#717375" stroke-width="0.25"></path></svg>
                                                        <span class="text_job">职业</span>
                                                    </div>
                                                    <h4 class="search_result_title">
                                                        <a th:href="'/job/'+${searchJobResult.getJobId()}" class="msUser">
                                                            <span th:text="${searchJobResult.getJobName()}">中高级java开发工程师</span>
                                                            |
                                                            <span th:text="${ searchJobResult.getJobSalary() }">1k-2k</span>
                                                        </a>
                                                    </h4>
                                                    <div class="text_des">
                                                        <a href="#" class="text_des_a" th:text="${searchJobResult.getJobWelfare()}">十四薪  六险一金  午餐晚餐</a>
                                                        |
                                                        <span th:text="${searchJobResult.getJobAddress()}">北京·朝阳区</span>
                                                    </div>
                                                    <div class="text_ask">
                                                        <div>1天前发布</div>
                                                        |
                                                        <div th:text="'经验'+ ${searchJobResult.getJobExp() + '年'}">经验5-10年</div>
                                                        |
                                                        <span th:text="${searchJobResult.getJobEdu()}">本科</span>
                                                    </div>
                                                </div>
                                                <div class="search_action">
                                                    <div class="look_action">
                                                        <a href="#" th:href="'/job/'+${searchJobResult.getJobId()}">瞅一瞅</a>
                                                    </div>
                                                    <hr class="hr_line">
                                                    <div>
                                                        <a href="#" class="save_action">
                                                            <svg id="heart_svg__heart_svg__Layer_1" x="0" y="0" viewBox="0 0 17 15" xml:space="preserve" class="Icon-paiscg-0 gIkIxB"><path d="M14.7 2.4C13.3 1 11 1 9.6 2.4L8.5 3.5 7.4 2.4C6 1 3.7 1 2.3 2.4s-1.4 3.7 0 5.1l6.2 6.2 6.2-6.2c1.4-1.4 1.4-3.7 0-5.1z" fill="none" stroke="#717375" stroke-width="0.536"></path></svg>
                                                            收藏
                                                            <input type="hidden" th:value="${searchJobResult.getJobId()}">
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="search_result" th:if="${noticeInfos} != null" th:each="noticeInfo : ${noticeInfos}">
                                            <div class="search_result_inner">
                                                <div class="search_brief_info">
                                                    <div class="job_icon_wrap">
                                                        <svg viewBox="0 0 21 19" height="19" width="21"><path d="M19.989 4.814c0-.564-.457-1.024-1.02-1.024h-5.307V2.414a1.41 1.41 0 0 0-1.407-1.413L8.745 1c-.777 0-1.408.634-1.408 1.413V3.79H2.03c-.562 0-1.019.46-1.019 1.023L1 9.682c0 .158.09.302.231.371.216.105.44.203.662.3v6.623c0 .564.457 1.024 1.02 1.024h15.175c.561 0 1.019-.459 1.019-1.024v-6.723c.228-.107.455-.217.675-.333A.412.412 0 0 0 20 9.555l-.011-4.741zm-11.833-2.4a.59.59 0 0 1 .588-.59h3.51c.32 0 .588.27.588.59V3.79H8.156V2.414zm10.13 14.562c0 .106-.093.2-.2.2H2.913a.203.203 0 0 1-.2-.2v-6.299c1.783.658 3.774 1.052 5.946 1.173v.57a.75.75 0 0 0 .747.751h2.19a.75.75 0 0 0 .746-.75v-.577c2.2-.134 4.192-.551 5.946-1.242v6.374zm-8.81-4.627v-1.365h2.046v1.365H9.477zm2.865-1.332v-.104a.75.75 0 0 0-.747-.751h-2.19a.75.75 0 0 0-.746.75v.114c-2.565-.148-4.864-.684-6.838-1.604l.01-4.609c0-.108.091-.2.2-.2h16.94c.108 0 .2.091.2.201l.01 4.49c-1.926.975-4.227 1.548-6.838 1.713h0z" fill="#717375" stroke="#717375" stroke-width="0.25"></path></svg>
                                                        <span class="text_job">公告</span>
                                                    </div>
                                                    <h4 class="search_result_title">
                                                        <a th:href="'/notice/'+${noticeInfo.getNotId()}" class="msUser">
                                                            <span th:text="${noticeInfo.getNotTitle()}">中高级java开发工程师</span>
                                                        </a>
                                                    </h4>
                                                    <div class="text_des">
                                                    </div>
                                                    <div class="text_ask" th:text="${noticeInfo.getNotTime()}">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="search_result" th:if="${filterJobs} != null" th:each="filterJob : ${filterJobs}">
                                            <div class="search_result_inner">
                                                <div class="search_brief_info">
                                                    <div class="job_icon_wrap">
                                                        <svg viewBox="0 0 21 19" height="19" width="21"><path d="M19.989 4.814c0-.564-.457-1.024-1.02-1.024h-5.307V2.414a1.41 1.41 0 0 0-1.407-1.413L8.745 1c-.777 0-1.408.634-1.408 1.413V3.79H2.03c-.562 0-1.019.46-1.019 1.023L1 9.682c0 .158.09.302.231.371.216.105.44.203.662.3v6.623c0 .564.457 1.024 1.02 1.024h15.175c.561 0 1.019-.459 1.019-1.024v-6.723c.228-.107.455-.217.675-.333A.412.412 0 0 0 20 9.555l-.011-4.741zm-11.833-2.4a.59.59 0 0 1 .588-.59h3.51c.32 0 .588.27.588.59V3.79H8.156V2.414zm10.13 14.562c0 .106-.093.2-.2.2H2.913a.203.203 0 0 1-.2-.2v-6.299c1.783.658 3.774 1.052 5.946 1.173v.57a.75.75 0 0 0 .747.751h2.19a.75.75 0 0 0 .746-.75v-.577c2.2-.134 4.192-.551 5.946-1.242v6.374zm-8.81-4.627v-1.365h2.046v1.365H9.477zm2.865-1.332v-.104a.75.75 0 0 0-.747-.751h-2.19a.75.75 0 0 0-.746.75v.114c-2.565-.148-4.864-.684-6.838-1.604l.01-4.609c0-.108.091-.2.2-.2h16.94c.108 0 .2.091.2.201l.01 4.49c-1.926.975-4.227 1.548-6.838 1.713h0z" fill="#717375" stroke="#717375" stroke-width="0.25"></path></svg>
                                                        <span class="text_job">职业</span>
                                                    </div>
                                                    <h4 class="search_result_title">
                                                        <a th:href="'/job/'+${filterJob.getJobId()}" class="msUser">
                                                            <span th:text="${filterJob.getJobName()}">中高级java开发工程师</span>
                                                            |
                                                            <span th:text="${ filterJob.getJobSalary() }">1k-2k</span>
                                                        </a>
                                                    </h4>
                                                    <div class="text_des">
                                                        <a href="#" class="text_des_a" th:text="${filterJob.getJobWelfare()}">十四薪  六险一金  午餐晚餐</a>
                                                        |
                                                        <span th:text="${filterJob.getJobAddress()}">北京·朝阳区</span>
                                                    </div>
                                                    <div class="text_ask">
                                                        <div>1天前发布</div>
                                                        |
                                                        <div th:text="'经验'+ ${filterJob.getJobExp() + '年'}">经验5-10年</div>
                                                        |
                                                        <span th:text="${filterJob.getJobEdu()}">本科</span>
                                                    </div>
                                                </div>
                                                <div class="search_action">
                                                    <div class="look_action">
                                                        <a href="#" th:href="'/job/'+${filterJob.getJobId()}">瞅一瞅</a>
                                                    </div>
                                                    <hr class="hr_line">
                                                    <div>
                                                        <a href="#" class="save_action">
                                                            <svg id="heart_svg__heart_svg__Layer_1" x="0" y="0" viewBox="0 0 17 15" xml:space="preserve" class="Icon-paiscg-0 gIkIxB"><path d="M14.7 2.4C13.3 1 11 1 9.6 2.4L8.5 3.5 7.4 2.4C6 1 3.7 1 2.3 2.4s-1.4 3.7 0 5.1l6.2 6.2 6.2-6.2c1.4-1.4 1.4-3.7 0-5.1z" fill="none" stroke="#717375" stroke-width="0.536"></path></svg>
                                                            收藏
                                                            <input type="hidden" th:value="${filterJob.getJobId()}">
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="search_result" th:if="${companyInfos} != null" th:each="companyInfo : ${companyInfos}">
                                            <div class="search_result_inner">
                                                <div class="search_brief_info">
                                                    <div class="job_icon_wrap">
                                                        <svg viewBox="0 0 21 19" height="19" width="21"><path d="M19.989 4.814c0-.564-.457-1.024-1.02-1.024h-5.307V2.414a1.41 1.41 0 0 0-1.407-1.413L8.745 1c-.777 0-1.408.634-1.408 1.413V3.79H2.03c-.562 0-1.019.46-1.019 1.023L1 9.682c0 .158.09.302.231.371.216.105.44.203.662.3v6.623c0 .564.457 1.024 1.02 1.024h15.175c.561 0 1.019-.459 1.019-1.024v-6.723c.228-.107.455-.217.675-.333A.412.412 0 0 0 20 9.555l-.011-4.741zm-11.833-2.4a.59.59 0 0 1 .588-.59h3.51c.32 0 .588.27.588.59V3.79H8.156V2.414zm10.13 14.562c0 .106-.093.2-.2.2H2.913a.203.203 0 0 1-.2-.2v-6.299c1.783.658 3.774 1.052 5.946 1.173v.57a.75.75 0 0 0 .747.751h2.19a.75.75 0 0 0 .746-.75v-.577c2.2-.134 4.192-.551 5.946-1.242v6.374zm-8.81-4.627v-1.365h2.046v1.365H9.477zm2.865-1.332v-.104a.75.75 0 0 0-.747-.751h-2.19a.75.75 0 0 0-.746.75v.114c-2.565-.148-4.864-.684-6.838-1.604l.01-4.609c0-.108.091-.2.2-.2h16.94c.108 0 .2.091.2.201l.01 4.49c-1.926.975-4.227 1.548-6.838 1.713h0z" fill="#717375" stroke="#717375" stroke-width="0.25"></path></svg>
                                                        <span class="text_job">公司</span>
                                                    </div>
                                                    <h4 class="search_result_title">
                                                        <a th:href="'/company/'+${companyInfo.getComId()}" class="msUser">
                                                            <span th:text="${companyInfo.getComName()}">中高级java开发工程师</span>
                                                        </a>
                                                    </h4>
                                                    <div class="text_des">
                                                    </div>
                                                    <div class="text_ask" th:text="'公司地址:'+${companyInfo.getComAddress()}">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="login_area" style="display: none;">
        <div class="container" style="position: absolute;left: 50%;margin-left: -268px;top: 46px;">
            <div class="card"></div>
            <div class="card">
                <h1 class="title">登录</h1>
                <div class="tab">
                    <ul class="tabs active">
                        <li class="current"><a href="#">学生</a></li>
                        <li class=""><a href="#">单位</a></li>
                        <li class=""><a href="#">管理员</a></li>
                    </ul>
                    <div class="tab_content">
                        <div class="tabs_item" style="display: block;">
                            <form action="/login" method="get">
                                <input type="hidden" name="userType" value="学生">
                                <div class="input-container">
                                    <input type="#{type}" id="#{label}" required="required" name="username">
                                    <label for="#{label}">用户名</label>
                                    <div class="bar"></div>
                                </div>
                                <div class="input-container">
                                    <input type="#{type}" id="#{label}" required="required" name="password">
                                    <label for="#{label}">密码</label>
                                    <div class="bar"></div>
                                </div>
                                <div class="button-container login_click">
                                    <button><span>登录</span></button>
                                </div>
                                <div class="footer"><a href="#">忘记你的密码?</a></div>
                            </form>
                        </div>
                        <div class="tabs_item" style="display: none;">
                            <form action="/login" method="get">
                                <input type="hidden" name="userType" value="单位">
                                <div class="input-container">
                                    <input type="#{type}" id="#{label}" required="required" name="username">
                                    <label for="#{label}">用户名</label>
                                    <div class="bar"></div>
                                </div>
                                <div class="input-container">
                                    <input type="#{type}" id="#{label}" required="required" name="password">
                                    <label for="#{label}">密码</label>
                                    <div class="bar"></div>
                                </div>
                                <div class="button-container login_click">
                                    <button><span>登录</span></button>
                                </div>
                                <div class="footer"><a href="#">忘记你的密码?</a></div>
                            </form>
                        </div>
                        <div class="tabs_item" style="display: none;">
                            <form action="/login" method="get">
                                <input type="hidden" name="userType" value="管理员">
                                <div class="input-container">
                                    <input type="#{type}" id="#{label}" required="required" name="username">
                                    <label for="#{label}">用户名</label>
                                    <div class="bar"></div>
                                </div>
                                <div class="input-container">
                                    <input type="#{type}" id="#{label}" required="required" name="password">
                                    <label for="#{label}">密码</label>
                                    <div class="bar"></div>
                                </div>
                                <div class="button-container login_click">
                                    <button><span>登录</span></button>
                                </div>
                                <div class="footer"><a href="#">忘记你的密码?</a></div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card alt">
                <div class="toggle">
                    <svg t="1567654826981" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3954" width="46" height="46"><path d="M722.6 645.295c17.497-26.999 9.793-63.072-17.206-80.567-21.997-14.255-45.104-26.406-69.045-36.377 69.66-51.387 114.937-134.006 114.937-227.013 0-155.467-126.483-281.951-281.951-281.951s-281.951 126.483-281.951 281.951c0 92.95 45.223 175.527 114.811 226.919-51.763 21.557-99.309 53.261-140.153 94.103-82.080 82.080-127.284 191.213-127.284 307.292 0 32.174 26.082 58.254 58.254 58.254s58.254-26.080 58.254-58.254c0-175.385 142.685-318.068 318.068-318.068 61.579 0 121.298 17.606 172.699 50.915 27.002 17.498 63.074 9.793 80.567-17.206zM469.334 135.897c91.225 0 165.442 74.218 165.442 165.442s-74.218 165.442-165.442 165.442c-91.225 0-165.442-74.217-165.442-165.442s74.218-165.442 165.442-165.442z" p-id="3955" fill="#ffffff"></path><path d="M926.63 743.197h-66.992v-66.992c0-32.174-26.080-58.254-58.254-58.254s-58.254 26.080-58.254 58.254v66.992h-66.992c-32.174 0-58.254 26.080-58.254 58.254s26.080 58.254 58.254 58.254h66.992v66.992c0 32.174 26.080 58.254 58.254 58.254s58.254-26.080 58.254-58.254v-66.992h66.992c32.174 0 58.254-26.080 58.254-58.254s-26.080-58.254-58.254-58.254z" p-id="3956" fill="#ffffff"></path></svg>
                </div>
                <h1 class="title">公司注册
                    <div class="close"></div>
                </h1>
                <form action="/register">
                    <div class="input-container">
                        <input type="#{type}" id="#{label}" required="required" name="Com_account">
                        <label for="#{label}">用户名</label>
                        <div class="bar"></div>
                    </div>
                    <div class="input-container">
                        <input type="password" id="#{label}" required="required" name="Com_password">
                        <label for="#{label}">密码</label>
                        <div class="bar"></div>
                    </div>
                    <div class="input-container">
                        <input type="#{type}" id="#{label}" required="required" name="Com_phone">
                        <label for="#{label}">电话</label>
                        <div class="bar"></div>
                    </div>
                    <div class="button-container">
                        <button><span>注册</span></button>
                    </div>
                </form>
            </div>

        </div>
    </div>
    <div class="message_tips" style="position: fixed;top: 100px;left: 50%;">
        <div id="success-box" style="display: none;">
            <div class="dot"></div>
            <div class="dot two"></div>
            <div class="face">
                <div class="eye"></div>
                <div class="eye right"></div>
                <div class="mouth happy"></div>
            </div>
            <div class="shadow scale"></div>
            <div class="message"><h1 class="alert" style="font-size: 14px;margin: 0;">收藏成功!</h1><p>哇, 成功了.</p></div>
            <button id="success-box-btn" class="button-box"><h1 class="green" style="font-size: 14px;text-align: center;vertical-align: middle;margin: 0;">确定</h1></button>
        </div>
        <div id="error-box" style="display: none;">
            <div class="dot"></div>
            <div class="dot two"></div>
            <div class="face2">
                <div class="eye"></div>
                <div class="eye right"></div>
                <div class="mouth sad"></div>
            </div>
            <div class="shadow move"></div>
            <div class="message"><h1 class="alert" style="font-size: 14px;margin: 0;">收藏失败!</h1><p>哦不, 出了一点小错误.</p></div>
            <button id="error-box-btn" class="button-box"><h1 class="red" style="font-size: 14px;text-align: center;vertical-align: middle;margin: 0;">再试一下</h1></button>
        </div>
    </div>
</body>

<!--
    搜索栏
-->
<script>
    const x = document.getElementsByClassName("select");

    let i = 0,j = 0;
    let selElmnt,a,b,c;
    for(i = 0;i < x.length;i++){
      //console.log(x[0])
      selElmnt = x[i].getElementsByTagName("select")[0];
      // a = document.createElement("span");
      // a.setAttribute("class", "select-multi-value-wrapper");
      //
      // // 显示的内容
      // a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;
      // // 并添加内容
      // x[i].appendChild(a);

      b = document.createElement("DIV");
      b.setAttribute("class","select-items select-hide");

      for(j = 0;j <selElmnt.length;j++){
        c = document.createElement("DIV");
        c.innerHTML = selElmnt.options[j].innerHTML;
        // 绑定点击事件
        c.addEventListener("click", function (e) {

            let y,i,k,h;
            const x = document.getElementsByClassName("select-items");
            const input_select_value = document.getElementById("select-kind-value");
            for(i = 0;i < selElmnt.length;i++){
              if(selElmnt.options[i].innerHTML == this.innerHTML){
                selElmnt.selectedIndex = i;
                h = document.getElementsByClassName("select-multi-value-wrapper")[0].getElementsByTagName("span")[0];
                h.innerHTML = this.innerHTML;

                input_select_value.setAttribute("value",h.innerHTML);
                y = this.parentNode.getElementsByClassName("items-selected");
                for(k = 0;k < y.length;k++){
                  y[k].removeAttribute("class");
                }
                this.setAttribute("class","items-selected");
                break;
              }
            }

          //x.classList.toggle("select-hide");
        })
        b.appendChild(c);
      }

      x[i].appendChild(b);

    }

    x[0].addEventListener("click", function (e) {
      const sele_contr = document.getElementsByClassName("select-control")[0];

      e.stopPropagation();
      //closeAllSelect();
      this.lastElementChild.classList.toggle("select-hide");
      sele_contr.classList.toggle("select_down");
    })

    function closeAllSelect(elmnt){
      const y = document.getElementsByClassName("select");
      const x = document.getElementsByClassName("select-items");
      const sele_contr = document.getElementsByClassName("select-control")[0];

      let i, arrNo = [];
      for (i = 0; i < y.length; i++) {
        if (elmnt == y[i]) {
          arrNo.push(i)
        } else {
          y[i].classList.remove("select-arrow-active");
        }
      }
      for (i = 0; i < x.length; i++) {
        if (arrNo.indexOf(i)) {
          x[i].classList.add("select-hide");
          sele_contr.classList.remove("select_down");
        }
      }
    }

    document.addEventListener("click", closeAllSelect);
</script>

<!--
    typing
-->
<script>
  const typedTextSpan = document.querySelector(".typed-text");
  const cursorSpan = document.querySelector(".cursor");

  const textArray = ["???", "有趣的", "一场旅行", "一种生活"];
  const typingDelay = 200;
  const erasingDelay = 100;
  const newTextDelay = 2000; // Delay between current and next text
  let textArrayIndex = 0;
  let charIndex = 0;

  function type() {
    if (charIndex < textArray[textArrayIndex].length) {
      if(!cursorSpan.classList.contains("typing")) cursorSpan.classList.add("typing");
      typedTextSpan.textContent += textArray[textArrayIndex].charAt(charIndex);
      charIndex++;
      setTimeout(type, typingDelay);
    }
    else {
      cursorSpan.classList.remove("typing");
      setTimeout(erase, newTextDelay);
    }
  }

  function erase() {
    if (charIndex > 0) {
      if(!cursorSpan.classList.contains("typing")) cursorSpan.classList.add("typing");
      typedTextSpan.textContent = textArray[textArrayIndex].substring(0, charIndex-1);
      charIndex--;
      setTimeout(erase, erasingDelay);
    }
    else {
      cursorSpan.classList.remove("typing");
      textArrayIndex++;
      if(textArrayIndex>=textArray.length) textArrayIndex=0;
      setTimeout(type, typingDelay + 1100);
    }
  }

  document.addEventListener("DOMContentLoaded", function() { // On DOM Load initiate the effect
    if(textArray.length) setTimeout(type, newTextDelay + 250);
  });
</script>

<!--
    filter
-->
<script>
    const filter_item = document.getElementsByClassName("filter_item_inner");
    for(let i = 0;i < filter_item.length;i++){
      filter_item[i].addEventListener("click", function (e) {
        // let filter_open = document.getElementsByClassName("filter_open");
        //
        // for(let j = 0;j < filter_open.length; j++){
        //   //console.log(filter_open[j])
        //   if(filter_open[j]){
        //     break;
        //   }
        //   filter_open[j].classList.remove("filter_open");
        // }


        let siblingsElm = siblings(this.nextElementSibling);
        for(let j = 0;j < siblingsElm.length; j++){
          //console.log(filter_open[j])
          siblingsElm[j].classList.remove("filter_open");
          siblingsElm[j].parentNode.classList.remove("open_shadow");
        }

        e.stopPropagation();
        this.nextElementSibling.classList.toggle("filter_open");
        this.parentNode.classList.toggle("open_shadow");
      })
    }

    function siblings(elm){
      let a = [];
      let p = document.getElementsByClassName("filter_action_wrap");
      for(let i = 0;i < p.length;i++){
        if(p[i] !== elm){
          a.push(p[i]);
        }
      }
      return a;
    }

</script>

<!--
    筛选功能
-->
<script th:src="@{/static/node_modules/jquery/dist/jquery.min.js}"></script>
<script>
    var arr = new Array();
    $(".input_filter_address").bind("input propertychange",function () {
        console.log($('.input_filter_address').val())
        $(".filter_address_submit").attr('data-value',$('.input_filter_address').val())
    })

    $(".filter_address_submit").click(function (e) {
        var jobName,address,edu,salary;
        var url;
        e.preventDefault();
        //$(this).attr("href");
        edu = $(this).attr("data-value");
        //console.log(address)
        var args = getQueryStringArgs();

        //address = args["address"];
        jobName = args["jobName"];
        address = $(this).attr('data-value');
        console.log(address)
        edu = args["edu"];
        salary = args["salary"];
        console.log(salary)

        url = 'http://localhost:8080/jobFilter?address='+ address + '&edu=' + edu + '&salary=' + salary + '&jobName=' + jobName;
        console.log(url)
        window.location.href = url;
    })
    $(".filter_a_Action_edu").click(function (e) {
        var jobName,address,edu,salary;
        var url;
        e.preventDefault();
        //$(this).attr("href");
        edu = $(this).attr("data-value");
        //console.log(address)
        var args = getQueryStringArgs();

        jobName = args["jobName"];
        address = args["address"];
        console.log(address)
        //edu = getUrlParam("edu");
        salary = args["salary"];
        console.log(salary)

        url = 'http://localhost:8080/jobFilter?address='+ address + '&edu=' + edu + '&salary=' + salary + '&jobName=' + jobName;
        console.log(url)
        window.location.href = url;
        //location.assign(url)
    })

    $(".filter_a_Action_sal").click(function (e) {
        var jobName,address,edu,salary;
        var url;
        e.preventDefault();
        //$(this).attr("href");
        //edu = $(this).attr("data-value");

        jobName = getUrlParam("jobName");
        address = getUrlParam("address");
        edu = getUrlParam("edu");
        salary = $(this).attr("data-value");


        url = 'http://localhost:8080/jobFilter?address='+ address + '&edu=' + edu + '&salary=' + salary + '&jobName=' + jobName;
        console.log(url)
        window.location.href = url;
    })

    // $(".filter_address_submit").click(function(e){
    //     e.preventDefault();
    //     var value = $(".input_filter_address").val();
    //     if(value != undefined &&  value != ""){
    //         var url = changeURLArg("address",value);
    //         console.log(url)
    //         $.ajax({
    //             type:"POST",
    //             url: url,
    //             success:function () {
    //
    //             }
    //         })
    //     }
    //
    // })
    // $(".filter_edu_level_item").click(function (e) {
    //
    //     e.stopPropagation();
    //     //e.preventDefault();
    //     $(this).toggleClass("checked");
    //     //$('.checked input').prop("checked",true);
    //
    //     // $(".checked input").each(function (i) {
    //     //     arr[i] = $(this).attr("data-value");
    //     // })
    //
    //     //var vals = arr.join(",");
    //     //console.log($(".checked input").attr("data-value"));
    //
    //     if($(".checked input").attr("data-value") != undefined){
    //         var url = changeURLArg("edu",$(".checked input").attr("data-value"))
    //         var param = getUrlParam("edu");
    //         var urlValue;
    //         urlValue = $(".checked input").attr("data-value");
    //         if(param != null){
    //             urlValue = param + ',' + $(".checked input").attr("data-value");
    //         }
    //         var url = changeURLArg("edu",urlValue);
    //         console.log(param);
    //         console.log(url)
    //     }
    // })

    // $("#filter_salary li").click(function () {
    //     var data_value = $(this).attr("data-value");
    //     if(data_value != undefined){
    //         var url = changeURLArg("salary",data_value);
    //         console.log(url)
    //         // $.ajax({
    //         //     type:"GET",
    //         //     url:"index",
    //         //     data:{ salary: data_value},
    //         //     dataType:"json",
    //         //     success:function (data) {
    //         //         // 成功之后进行CSS操作
    //         //         console.log("薪水过滤成功")
    //         //     }
    //         // })
    //     }
    // })

    // $("#filter_salary")
    // $('.filter_address_submit')
    // 修改Url
    // arg 更改参数名 arg_val 参数值
    function changeURLArg(arg,arg_val){
        var url = window.location.href;
        var pattern=arg+'=([^&]*)';
        var replaceText=arg+'='+arg_val;
        if(url.match(pattern)){
            var tmp='/('+ arg+'=)([^&]*)/gi';
            tmp=url.replace(eval(tmp),replaceText);
            return tmp;
        }else{
            if(url.match('[\?]')){
                return url+'&'+replaceText;
            }else{
                return url+'?'+replaceText;
            }
        }
        return url+'\n'+arg+'\n'+arg_val;
    }

    function getUrlParam(k) {
        var regExp = new RegExp('([?]|&)' + k + '=([^&]*)(&|$)');
        var result = window.location.href.match(regExp);
        if (result) {
            return decodeURIComponent(result[2]);
        } else {
            return null;
        }
    }

    function getQueryStringArgs(){
        var qs = (location.search.length > 0 ? location.search.substring(1): ""),
            args = {},
            items = qs.length ? qs.split("&"): [],
            item = null,
            name = null,
            value = null,
            i = 0,
            len = items.length;

        for(i = 0;i < len;i++){
            item = items[i].split("=");
            name = decodeURIComponent(item[0]);
            value = decodeURIComponent(item[1]);

            if(name.length){
                args[name] = value;
            }
        }
        return args;
    }

</script>

<script>
    $("#login_action").on('click',function () {
        $('.login_area').show(1000);
    })
    $(".login_click").on('click',function () {
        $('.login_area').hide(1000);
    })
    $('.toggle').on('click', function() {
        $('.container').stop().addClass('active');
    });

    $('.close').on('click', function() {
        $('.container').stop().removeClass('active');
    });

    $(document).ready(function() {

        (function ($) {
            $('.tab ul.tabs').addClass('active').find('> li:eq(0)').addClass('current');

            $('.tab ul.tabs li a').click(function (g) {
                var tab = $(this).closest('.tab'),
                    index = $(this).closest('li').index();

                tab.find('ul.tabs > li').removeClass('current');
                $(this).closest('li').addClass('current');

                tab.find('.tab_content').find('div.tabs_item').not('div.tabs_item:eq(' + index + ')').slideUp();
                tab.find('.tab_content').find('div.tabs_item:eq(' + index + ')').slideDown();

                g.preventDefault();
            } );
        })(jQuery);

    });
</script>
<script>
    $("#success-box-btn").click(function () {
        $("#success-box").hide();
    })

    $("#error-box-btn").click(function () {
        $("#error-box").hide();
        $('.login_area').show(1000);
    })

    $(".save_action").click(function (e) {
        e.preventDefault();
        $.ajax({
            type:"GET",
            url:"/stuSaveJobAction",
            data:{userId:$(".users_info").val(),jobId:$(".save_action").find("input").val()},
            dataType:"json",
            success:function (data) {
                var data_json = JSON.stringify(data);
                $("#success-box").show();
                console.log(data.save_flag);
            },
            error:function () {
                $("#error-box").show();
            }

        })
    })
</script>
</html>